<template>
  <div class="nav">
    <div class="n-center">
      <ul class="nc-ul">
        <li v-for="item in config.navData" :key="item.id" class="ncu-li" :class="item.on ? 'on' : ''">
          <a :href="item.href" class="ncul-a">{{ item.title }}</a>
        </li>
      </ul>
      <a target="_blank" :href="`${config.domain}/dmsc/`" class="chat-a">
        <strong class="ca-text">代码商城</strong>
        <i class="ca-icon"></i>
      </a>
    </div>
  </div>
</template>

<script>
export default {
  props: ['config']
}
</script>